﻿/**
 * @license Copyright (c) 2003-2019, CKSource - Frederico Knabben. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

( function() {
    // It is possible to set things in three different places.
    // 1. As attributes in the object tag.
    // 2. As param tags under the object tag.
    // 3. As attributes in the embed tag.
    // It is possible for a single attribute to be present in more than one place.
    // So let's define a mapping between a sementic attribute and its syntactic
    // equivalents.
    // Then we'll set and retrieve attribute values according to the mapping,
    // instead of having to check and set each syntactic attribute every time.
    //
    // Reference: http://kb.adobe.com/selfservice/viewContent.do?externalId=tn_12701
    var ATTRTYPE_OBJECT = 1,
        ATTRTYPE_PARAM = 2,
        ATTRTYPE_EMBED = 4;

    var attributesMap = {
        id: [ {
            type: ATTRTYPE_OBJECT, name: 'id'
        } ],
        classid: [ {
            type: ATTRTYPE_OBJECT, name: 'classid'
        } ],
        codebase: [ {
            type: ATTRTYPE_OBJECT, name: 'codebase'
        } ],
        pluginspage: [ {
            type: ATTRTYPE_EMBED, name: 'pluginspage'
        } ],
        src: [ {
            type: ATTRTYPE_PARAM, name: 'movie'
        }, {
            type: ATTRTYPE_EMBED, name: 'src'
        }, {
            type: ATTRTYPE_OBJECT, name: 'data'
        } ],
        name: [ {
            type: ATTRTYPE_EMBED, name: 'name'
        } ],
        align: [ {
            type: ATTRTYPE_OBJECT, name: 'align'
        } ],
        'class': [ {
            type: ATTRTYPE_OBJECT, name: 'class'
        }, {
            type: ATTRTYPE_EMBED, name: 'class'
        } ],
        width: [ {
            type: ATTRTYPE_OBJECT, name: 'width'
        }, {
            type: ATTRTYPE_EMBED, name: 'width'
        } ],
        height: [ {
            type: ATTRTYPE_OBJECT, name: 'height'
        }, {
            type: ATTRTYPE_EMBED, name: 'height'
        } ],
        hSpace: [ {
            type: ATTRTYPE_OBJECT, name: 'hSpace'
        }, {
            type: ATTRTYPE_EMBED, name: 'hSpace'
        } ],
        vSpace: [ {
            type: ATTRTYPE_OBJECT, name: 'vSpace'
        }, {
            type: ATTRTYPE_EMBED, name: 'vSpace'
        } ],
        style: [ {
            type: ATTRTYPE_OBJECT, name: 'style'
        }, {
            type: ATTRTYPE_EMBED, name: 'style'
        } ],
        type: [ {
            type: ATTRTYPE_EMBED, name: 'type'
        } ]
    };

    var names = [ 'play', 'loop', 'menu', 'quality', 'scale', 'salign', 'wmode', 'bgcolor', 'base', 'flashvars', 'allowScriptAccess', 'allowFullScreen' ];
    for ( var i = 0; i < names.length; i++ ) {
        attributesMap[ names[ i ] ] = [ {
            type: ATTRTYPE_EMBED, name: names[ i ]
        }, {
            type: ATTRTYPE_PARAM, name: names[ i ]
        } ];
    }

    // These attributes are "true" by default and not present in editor data (when "true").
    // Note that, though default value of "allowFullScreen" is "true", it is not listed here.
    // "allowFullScreen" is present in editor data regardless of the value (https://dev.ckeditor.com/ticket/7634).
    names = [ 'play', 'loop', 'menu' ];
    for ( i = 0; i < names.length; i++ )
        attributesMap[ names[ i ] ][ 0 ][ 'default' ] = attributesMap[ names[ i ] ][ 1 ][ 'default' ] = true;

    function loadValue( objectNode, embedNode, paramMap ) {
        var attributes = attributesMap[ this.id ];
        if ( !attributes )
            return;

        var isCheckbox = ( this instanceof CKEDITOR.ui.dialog.checkbox );
        for ( var i = 0; i < attributes.length; i++ ) {
            var attrDef = attributes[ i ];
            switch ( attrDef.type ) {
                case ATTRTYPE_OBJECT:
                    if ( !objectNode )
                        continue;
                    if ( objectNode.getAttribute( attrDef.name ) !== null ) {
                        var value = objectNode.getAttribute( attrDef.name );
                        if ( isCheckbox ) {
                            this.setValue( value.toLowerCase() == 'true' );
                        } else {
                            this.setValue( value );
                        }
                        return;
                    } else if ( isCheckbox ) {
                        this.setValue( !!attrDef['default'] );
                    }
                    break;
                case ATTRTYPE_PARAM:
                    if ( !objectNode ) {
                        continue;
                    }
                    if ( attrDef.name in paramMap ) {
                        value = paramMap[ attrDef.name ];
                        if ( isCheckbox )
                            this.setValue( value.toLowerCase() == 'true' );
                        else
                            this.setValue( value );
                        return;
                    } else if ( isCheckbox ) {
                        this.setValue( !!attrDef[ 'default' ] );
                    }
                    break;
                case ATTRTYPE_EMBED:
                    if ( !embedNode )
                        continue;
                    if ( embedNode.getAttribute( attrDef.name ) ) {
                        value = embedNode.getAttribute( attrDef.name );
                        if ( isCheckbox )
                            this.setValue( value.toLowerCase() == 'true' );
                        else
                            this.setValue( value );
                        return;
                    } else if ( isCheckbox ) {
                        this.setValue( !!attrDef[ 'default' ] );
                    }
            }
        }
    }

    function commitValue( objectNode, embedNode, paramMap ) {
        var attributes = attributesMap[ this.id ];
        if ( !attributes )
            return;

        var isRemove = ( this.getValue() === '' ),
            isCheckbox = ( this instanceof CKEDITOR.ui.dialog.checkbox );

        for ( var i = 0; i < attributes.length; i++ ) {
            var attrDef = attributes[ i ];
            switch ( attrDef.type ) {
                case ATTRTYPE_OBJECT:
                    // Avoid applying the data attribute when not needed (https://dev.ckeditor.com/ticket/7733)
                    if ( !objectNode || ( attrDef.name == 'data' && embedNode && !objectNode.hasAttribute( 'data' ) ) )
                        continue;
                    var value = this.getValue();
                    if ( isRemove || isCheckbox && value === attrDef[ 'default' ] )
                        objectNode.removeAttribute( attrDef.name );
                    else
                        objectNode.setAttribute( attrDef.name, value );
                    break;
                case ATTRTYPE_PARAM:
                    if ( !objectNode )
                        continue;
                    value = this.getValue();
                    if ( isRemove || isCheckbox && value === attrDef[ 'default' ] ) {
                        if ( attrDef.name in paramMap )
                            paramMap[ attrDef.name ].remove();
                    } else {
                        if ( attrDef.name in paramMap )
                            paramMap[ attrDef.name ].setAttribute( 'value', value );
                        else {
                            var param = CKEDITOR.dom.element.createFromHtml( '<cke:param></cke:param>', objectNode.getDocument() );
                            param.setAttributes( { name: attrDef.name, value: value } );
                            if ( objectNode.getChildCount() < 1 )
                                param.appendTo( objectNode );
                            else
                                param.insertBefore( objectNode.getFirst() );
                        }
                    }
                    break;
                case ATTRTYPE_EMBED:
                    if ( !embedNode )
                        continue;
                    value = this.getValue();
                    if ( isRemove || isCheckbox && value === attrDef[ 'default' ] )

                        embedNode.removeAttribute( attrDef.name );

                    else {
                        if(attrDef.name === 'src'){
                            value = "/assets/ckeditor/plugins/flash/flvplayer.swf?vcastr_file=" + value;
                        }
                        embedNode.setAttribute( attrDef.name, value );
                    }
            }
        }
    }

    CKEDITOR.dialog.add( 'flash', function( editor ) {
        var makeObjectTag = !editor.config.flashEmbedTagOnly,
            makeEmbedTag = editor.config.flashAddEmbedTag || editor.config.flashEmbedTagOnly;

        var previewPreloader,
            previewAreaHtml = '<div>' + CKEDITOR.tools.htmlEncode( editor.lang.common.preview ) + '<br>' +
                '<div id="cke_FlashPreviewLoader' + CKEDITOR.tools.getNextNumber() + '" style="display:none"><div class="loading">&nbsp;</div></div>' +
                '<div id="cke_FlashPreviewBox' + CKEDITOR.tools.getNextNumber() + '" class="FlashPreviewBox"></div></div>';

        return {
            title: editor.lang.flash.title,
            minWidth: 420,
            minHeight: 310,
            onShow: function() {
                // Clear previously saved elements.
                this.fakeImage = this.objectNode = this.embedNode = null;
                previewPreloader = new CKEDITOR.dom.element( 'embed', editor.document );

                // Try to detect any embed or object tag that has Flash parameters.
                var fakeImage = this.getSelectedElement();
                if ( fakeImage && fakeImage.data( 'cke-real-element-type' ) && fakeImage.data( 'cke-real-element-type' ) == 'flash' ) {
                    this.fakeImage = fakeImage;

                    var realElement = editor.restoreRealElement( fakeImage ),
                        objectNode = null,
                        embedNode = null,
                        paramMap = {};
                    if ( realElement.getName() == 'cke:object' ) {
                        objectNode = realElement;
                        var embedList = objectNode.getElementsByTag( 'embed', 'cke' );
                        if ( embedList.count() > 0 )
                            embedNode = embedList.getItem( 0 );
                        var paramList = objectNode.getElementsByTag( 'param', 'cke' );
                        for ( var i = 0, length = paramList.count(); i < length; i++ ) {
                            var item = paramList.getItem( i ),
                                name = item.getAttribute( 'name' ),
                                value = item.getAttribute( 'value' );
                            paramMap[ name ] = value;
                        }
                    } else if ( realElement.getName() == 'cke:embed' ) {
                        embedNode = realElement;
                    }

                    this.objectNode = objectNode;
                    this.embedNode = embedNode;

                    this.setupContent( objectNode, embedNode, paramMap, fakeImage );
                }
            },
            onOk: function() {
                // If there's no selected object or embed, create one. Otherwise, reuse the
                // selected object and embed nodes.
                var objectNode = null,
                    embedNode = null,
                    paramMap = null;
                if ( !this.fakeImage ) {
                    if ( makeObjectTag ) {
                        objectNode = CKEDITOR.dom.element.createFromHtml( '<cke:object></cke:object>', editor.document );
                        var attributes = {
                            classid: 'clsid:d27cdb6e-ae6d-11cf-96b8-444553540000',
                            codebase: 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0'
                        };
                        objectNode.setAttributes( attributes );
                    }
                    if ( makeEmbedTag ) {
                        embedNode = CKEDITOR.dom.element.createFromHtml( '<cke:embed></cke:embed>', editor.document );
                        embedNode.setAttributes( {
                            type: 'application/x-shockwave-flash',
                            pluginspage: 'http://www.macromedia.com/go/getflashplayer'
                        } );
                        if ( objectNode )
                            embedNode.appendTo( objectNode );
                    }
                } else {
                    objectNode = this.objectNode;
                    embedNode = this.embedNode;
                }

                // Produce the paramMap if there's an object tag.
                if ( objectNode ) {
                    paramMap = {};
                    var paramList = objectNode.getElementsByTag( 'param', 'cke' );
                    for ( var i = 0, length = paramList.count(); i < length; i++ )
                        paramMap[ paramList.getItem( i ).getAttribute( 'name' ) ] = paramList.getItem( i );
                }

                // A subset of the specified attributes/styles
                // should also be applied on the fake element to
                // have better visual effect. (https://dev.ckeditor.com/ticket/5240)
                var extraStyles = {},
                    extraAttributes = {};
                this.commitContent( objectNode, embedNode, paramMap, extraStyles, extraAttributes );

                // Refresh the fake image.
                var newFakeImage = editor.createFakeElement( objectNode || embedNode, 'cke_flash', 'flash', true );
                newFakeImage.setAttributes( extraAttributes );
                newFakeImage.setStyles( extraStyles );
                if ( this.fakeImage ) {
                    newFakeImage.replace( this.fakeImage );
                    editor.getSelection().selectElement( newFakeImage );
                } else {
                    editor.insertElement( newFakeImage );
                }
            },

            onHide: function() {
                if ( this.preview )
                    this.preview.setHtml( '' );
            },

            contents: [ {
                id: 'info',
                label: editor.lang.common.generalTab,
                accessKey: 'I',
                elements: [ {
                    type: 'vbox',
                    padding: 0,
                    children: [ {
                        type: 'hbox',
                        widths: [ '280px', '110px' ],
                        align: 'right',
                        className: 'cke_dialog_flash_url',
                        children: [ {
                            id: 'src',
                            type: 'text',
                            label: editor.lang.common.url,
                            required: true,
                            validate: CKEDITOR.dialog.validate.notEmpty( editor.lang.flash.validateSrc ),
                            setup: loadValue,
                            commit: commitValue,
                            onLoad: function() {
                                var dialog = this.getDialog(),
                                    updatePreview = function( src ) {
                                        // Query the preloader to figure out the url impacted by based href.
                                        previewPreloader.setAttribute( 'src', src );
                                        dialog.preview.setHtml( '<embed height="100%" width="100%" src="' + CKEDITOR.tools.htmlEncode( previewPreloader.getAttribute( 'src' ) ) +
                                            '" type="application/x-shockwave-flash"></embed>' );
                                    };
                                // Preview element
                                dialog.preview = dialog.getContentElement( 'info', 'preview' ).getElement().getChild( 3 );

                                // Sync on inital value loaded.
                                this.on( 'change', function( evt ) {

                                    if ( evt.data && evt.data.value )
                                        updatePreview( evt.data.value );
                                } );
                                // Sync when input value changed.
                                this.getInputElement().on( 'change', function() {

                                    updatePreview( this.getValue() );
                                }, this );
                            }
                        },
                            {
                                type: 'button',
                                id: 'browse',
                                filebrowser: 'info:src',
                                hidden: true,
                                // v-align with the 'src' field.
                                // TODO: We need something better than a fixed size here.
                                style: 'display:inline-block;margin-top:14px;',
                                label: editor.lang.common.browseServer
                            } ]
                    } ]
                },
                    {
                        type: 'hbox',
                        widths: [ '25%', '25%', '25%', '25%', '25%' ],
                        children: [ {
                            type: 'text',
                            id: 'width',
                            requiredContent: 'embed[width]',
                            style: 'width:95px',
                            label: editor.lang.common.width,
                            validate: CKEDITOR.dialog.validate.htmlLength( editor.lang.common.invalidHtmlLength.replace( '%1', editor.lang.common.width ) ),
                            setup: loadValue,
                            commit: commitValue
                        },
                            {
                                type: 'text',
                                id: 'height',
                                requiredContent: 'embed[height]',
                                style: 'width:95px',
                                label: editor.lang.common.height,
                                validate: CKEDITOR.dialog.validate.htmlLength( editor.lang.common.invalidHtmlLength.replace( '%1', editor.lang.common.height ) ),
                                setup: loadValue,
                                commit: commitValue
                            },
                            {
                                type: 'text',
                                id: 'hSpace',
                                requiredContent: 'embed[hspace]',
                                style: 'width:95px',
                                label: editor.lang.flash.hSpace,
                                validate: CKEDITOR.dialog.validate.integer( editor.lang.flash.validateHSpace ),
                                setup: loadValue,
                                commit: commitValue
                            },
                            {
                                type: 'text',
                                id: 'vSpace',
                                requiredContent: 'embed[vspace]',
                                style: 'width:95px',
                                label: editor.lang.flash.vSpace,
                                validate: CKEDITOR.dialog.validate.integer( editor.lang.flash.validateVSpace ),
                                setup: loadValue,
                                commit: commitValue
                            } ]
                    },

                    {
                        type: 'vbox',
                        children: [ {
                            type: 'html',
                            id: 'preview',
                            style: 'width:95%;',
                            html: previewAreaHtml
                        } ]
                    } ]
            },
                {
                    id: 'Upload',
                    hidden: true,
                    filebrowser: 'uploadButton',
                    label: editor.lang.common.upload,
                    elements: [ {
                        type: 'file',
                        id: 'upload',
                        label: editor.lang.common.upload,
                        size: 38
                    },
                        {
                            type: 'fileButton',
                            id: 'uploadButton',
                            label: editor.lang.common.uploadSubmit,
                            filebrowser: 'info:src',
                            'for': [ 'Upload', 'upload' ]
                        } ]
                },
                {
                    id: 'properties',
                    label: editor.lang.flash.propertiesTab,
                    elements: [ {
                        type: 'hbox',
                        widths: [ '50%', '50%' ],
                        children: [ {
                            id: 'scale',
                            type: 'select',
                            requiredContent: 'embed[scale]',
                            label: editor.lang.flash.scale,
                            'default': '',
                            style: 'width : 100%;',
                            items: [
                                [ editor.lang.common.notSet, '' ],
                                [ editor.lang.flash.scaleAll, 'showall' ],
                                [ editor.lang.flash.scaleNoBorder, 'noborder' ],
                                [ editor.lang.flash.scaleFit, 'exactfit' ]
                            ],
                            setup: loadValue,
                            commit: commitValue
                        },
                            {
                                id: 'allowScriptAccess',
                                type: 'select',
                                requiredContent: 'embed[allowscriptaccess]',
                                label: editor.lang.flash.access,
                                'default': '',
                                style: 'width : 100%;',
                                items: [
                                    [ editor.lang.common.notSet, '' ],
                                    [ editor.lang.flash.accessAlways, 'always' ],
                                    [ editor.lang.flash.accessSameDomain, 'samedomain' ],
                                    [ editor.lang.flash.accessNever, 'never' ]
                                ],
                                setup: loadValue,
                                commit: commitValue
                            } ]
                    },
                        {
                            type: 'hbox',
                            widths: [ '50%', '50%' ],
                            children: [ {
                                id: 'wmode',
                                type: 'select',
                                requiredContent: 'embed[wmode]',
                                label: editor.lang.flash.windowMode,
                                'default': '',
                                style: 'width : 100%;',
                                items: [
                                    [ editor.lang.common.notSet, '' ],
                                    [ editor.lang.flash.windowModeWindow, 'window' ],
                                    [ editor.lang.flash.windowModeOpaque, 'opaque' ],
                                    [ editor.lang.flash.windowModeTransparent, 'transparent' ]
                                ],
                                setup: loadValue,
                                commit: commitValue
                            },
                                {
                                    id: 'quality',
                                    type: 'select',
                                    requiredContent: 'embed[quality]',
                                    label: editor.lang.flash.quality,
                                    'default': 'high',
                                    style: 'width : 100%;',
                                    items: [
                                        [ editor.lang.common.notSet, '' ],
                                        [ editor.lang.flash.qualityBest, 'best' ],
                                        [ editor.lang.flash.qualityHigh, 'high' ],
                                        [ editor.lang.flash.qualityAutoHigh, 'autohigh' ],
                                        [ editor.lang.flash.qualityMedium, 'medium' ],
                                        [ editor.lang.flash.qualityAutoLow, 'autolow' ],
                                        [ editor.lang.flash.qualityLow, 'low' ]
                                    ],
                                    setup: loadValue,
                                    commit: commitValue
                                } ]
                        },
                        {
                            type: 'hbox',
                            widths: [ '50%', '50%' ],
                            children: [ {
                                id: 'align',
                                type: 'select',
                                requiredContent: 'object[align]',
                                label: editor.lang.common.align,
                                'default': '',
                                style: 'width : 100%;',
                                items: [
                                    [ editor.lang.common.notSet, '' ],
                                    [ editor.lang.common.left, 'left' ],
                                    [ editor.lang.flash.alignAbsBottom, 'absBottom' ],
                                    [ editor.lang.flash.alignAbsMiddle, 'absMiddle' ],
                                    [ editor.lang.flash.alignBaseline, 'baseline' ],
                                    [ editor.lang.common.alignBottom, 'bottom' ],
                                    [ editor.lang.common.alignMiddle, 'middle' ],
                                    [ editor.lang.common.right, 'right' ],
                                    [ editor.lang.flash.alignTextTop, 'textTop' ],
                                    [ editor.lang.common.alignTop, 'top' ]
                                ],
                                setup: loadValue,
                                commit: function( objectNode, embedNode, paramMap, extraStyles, extraAttributes ) {
                                    var value = this.getValue();
                                    commitValue.apply( this, arguments );
                                    value && ( extraAttributes.align = value );
                                }
                            },
                                {
                                    type: 'html',
                                    html: '<div></div>'
                                } ]
                        },
                        {
                            type: 'fieldset',
                            label: CKEDITOR.tools.htmlEncode( editor.lang.flash.flashvars ),
                            children: [ {
                                type: 'vbox',
                                padding: 0,
                                children: [ {
                                    type: 'checkbox',
                                    id: 'menu',
                                    label: editor.lang.flash.chkMenu,
                                    'default': true,
                                    setup: loadValue,
                                    commit: commitValue
                                },
                                    {
                                        type: 'checkbox',
                                        id: 'play',
                                        label: editor.lang.flash.chkPlay,
                                        'default': true,
                                        setup: loadValue,
                                        commit: commitValue
                                    },
                                    {
                                        type: 'checkbox',
                                        id: 'loop',
                                        label: editor.lang.flash.chkLoop,
                                        'default': true,
                                        setup: loadValue,
                                        commit: commitValue
                                    },
                                    {
                                        type: 'checkbox',
                                        id: 'allowFullScreen',
                                        label: editor.lang.flash.chkFull,
                                        'default': true,
                                        setup: loadValue,
                                        commit: commitValue
                                    } ]
                            } ]
                        } ]
                },
                {
                    id: 'advanced',
                    label: editor.lang.common.advancedTab,
                    elements: [ {
                        type: 'hbox',
                        children: [ {
                            type: 'text',
                            id: 'id',
                            requiredContent: 'object[id]',
                            label: editor.lang.common.id,
                            setup: loadValue,
                            commit: commitValue
                        } ]
                    },
                        {
                            type: 'hbox',
                            widths: [ '45%', '55%' ],
                            children: [ {
                                type: 'text',
                                id: 'bgcolor',
                                requiredContent: 'embed[bgcolor]',
                                label: editor.lang.flash.bgcolor,
                                setup: loadValue,
                                commit: commitValue
                            },
                                {
                                    type: 'text',
                                    id: 'class',
                                    requiredContent: 'embed(cke-xyz)', // Random text like 'xyz' will check if all are allowed.
                                    label: editor.lang.common.cssClass,
                                    setup: loadValue,
                                    commit: commitValue
                                } ]
                        },
                        {
                            type: 'text',
                            id: 'style',
                            requiredContent: 'embed{cke-xyz}', // Random text like 'xyz' will check if all are allowed.
                            validate: CKEDITOR.dialog.validate.inlineStyle( editor.lang.common.invalidInlineStyle ),
                            label: editor.lang.common.cssStyle,
                            setup: loadValue,
                            commit: commitValue
                        } ]
                } ]
        };
    } );
} )();